<div>
    <cly-datatable-n :rows="ratings">
        <el-table-column prop="widget" column-key="widget_id" :label="i18n('feedback.widget-id')">
            <template v-slot="rowScope">
              <div class="text-medium">
                {{ rowScope.row.widget_id }}
              </div>
            </template>
        </el-table-column>
        <el-table-column prop="rating" :label="i18n('feedback.rating')">
          <template v-slot="rowScope">
              <span class="text-medium">
                {{ rowScope.row.rating }}
              </span>
          </template>
        </el-table-column>
        <el-table-column prop="time" column-key="ts" :label="i18n('feedback.time')">
          <template v-slot="rowScope">
              <span v-html="rowScope.row.ts" class="text-medium"></span>
          </template>
        </el-table-column>
    </cly-datatable-n>
</div>